<template>
<div class="top">
      <div class="year">{{data.year}}</div>
      <div class="weather" style="margin: 0 8px">
        <span class="iconfont" :class="data.weather.icon"></span>
        <span>{{data.weather.text}}</span>
      </div>
      <div class="category">
        <el-tag type="success">{{data.category}}</el-tag>
      </div>
      <div class="week" style="margin-left: 8px">{{data.week}}</div>
    </div>
</template>

<script>
export default {
components: {},
props: ["data"],
data() {
return {

};
},
//监听属性 类似于data概念
computed: {},
//监控data中的数据变化
watch: {},
//方法集合
methods: {

},
//生命周期 - 创建完成（可以访问当前this实例）
created() {

},
//生命周期 - 挂载完成（可以访问DOM元素）
mounted() {

},
}
</script>
<style lang='css' scoped>
.top {
  display: flex;
  align-items: center;
  padding: 5px;
}
</style>